<!--
 * @Date: 2020-12-07 00:32:53
 * @LastEditTime: 2021-01-28 23:18:36
 * @FilePath: \web-practice-repo\practice\two\huawei.html
-->
<!DOCTYPE html>
<!--[if lt IE 7]>      <html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]>         <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]>         <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]>      <html class="no-js"> <!--<![endif]-->
<html>

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Chrome">
    <title>practice2</title>
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <link rel="stylesheet" href="./scss/huawei.css">
</head>

<body>
    <!--[if lt IE 7]>
            <p class="browsehappy">You are using an <strong>outdated</strong> browser. Please <a href="#">upgrade your browser</a> to improve your experience.</p>
        <![endif]-->
    <!--顶部导航栏-->
    <nav class="navbar">
        <a href="javascript:;"><img src="./src/img/1.jpg" alt=""></a>
        <ul>
            <li id="show1">
                <a href="javascript:;" class="a1">手机</a>
                <div class="content">
                    <a href="javascript:;">HUAWEI Mate系列</a>
                    <a href="javascript:;">HUAWEI P系列</a>
                </div>
            </li>
            <li><a href="javascript:;" class="a1">笔记本电脑</a></li>
            <li><a href="javascript:;" class="a1">平板&穿戴</a></li>
            <li><a href="javascript:;" class="a1">智能家居</a></li>
            <li><a href="javascript:;" class="a1">配件</a></li>
            <li><a href="javascript:;" class="a1">企业购</a></li>
            <li><a href="javascript:;" class="a1">华为智选</a></li>
        </ul>
        <form action="">
            <input type="search">
            <button type="button">搜索</button>
        </form>
    </nav>
    <!--背景轮播-->
    <div class="bg">
        <ul class="photo_container">
            <li><a href="#"><img
                        src="https://res9.vmallres.com/shopdc/pic/2021125/a32f9442-d217-4023-a471-b3e375a33f97.jpg"
                        alt=""></a></li>
            <li><a href="#"><img
                        src="https://res6.vmallres.com/shopdc/pic/2021127/774c7fc9-4f4e-4109-93e5-419cbbf971ea.jpg"
                        alt=""></a></li>
            <li><a href="#"><img
                        src="https://res8.vmallres.com/shopdc/pic/2021125/eaa958a4-b8c0-4db3-a263-cced0fef3683.jpg"
                        alt=""></a></li>
            <li><a href="#"><img
                        src="https://res8.vmallres.com/shopdc/pic/2021125/d73b7c7e-a75f-449a-b639-7d8c13b77413.jpg"
                        alt=""></a></li>
            <li><a href="#"><img
                        src="https://res8.vmallres.com/shopdc/pic/2021125/88071548-dbd6-471c-9308-467ef4631434.png"
                        alt=""></a></li>
        </ul>
        <ul class="dots">

        </ul>
    </div>
    <nav class="sticky_navbar">
        <ul>
            <li><a href="javascript:;">新年好礼</a></li>
            <li>|</li>
            <li><a href="javascript:;">智能家居</a></li>
            <li>|</li>
            <li><a href="javascript:;">运动穿戴</a></li>
            <li>|</li>
            <li><a href="javascript:;">超酷数码</a></li>
            <li>|</li>
            <li><a href="javascript:;">更多品类</a></li>
        </ul>
    </nav>
    <div class="photo">
        <img src="" alt="">
        <img src="" alt="">
        <img src="" alt="">
        <img src="" alt="">
    </div>
    <div class="product">
        <p class="p_style_one">新年好礼</p>
        <br />
        <p class="p_style_two">新年新气象,带AI回家</p>
        <div class="product_photo">
            <div class="product_photo_bg">
                <img src="https://res8.vmallres.com/shopdc/pic/2021117/134870ed-05d5-49ab-a35d-19009600591a.png" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
        </div>
        <div class="product_photo">
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
        </div>
    </div>
    <div class="product">
        <p class="p_style_one">智能家居</p>
        <p class="p_style_two">春节宅家,智慧相连</p>
        <div class="product_photo">
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
        </div>
        <div class="product_photo">
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
        </div>
    </div>
    <div class="product">
        <p class="p_style_one">运动健康</p>
        <p class="p_style_two">2021,就要健康一整年</p>
        <div class="product_photo">
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
        </div>
        <div class="product_photo">
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
        </div>
    </div>
    <div class="product">
        <p class="p_style_one">超酷数码</p>
        <p class="p_style_two">装备配齐,2021一定赢</p>
        <div class="product_photo">
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
        </div>
        <div class="product_photo">
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
        </div>
    </div>
    <div class="product">
        <p class="p_style_one">更多品类</p>
        <div class="product_photo">
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
        </div>
        <div class="product_photo">
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
            <div class="product_photo_bg">
                <img src="" alt="">
            </div>
        </div>
    </div>
    <div class="bottom">
        <button type="button" id="bottom_btn">返回顶部 ⬆</button>
    </div>
    <script src="https://cdn.bootcdn.net/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
    <script src="./js/huawei.js"></script>
</body>

</html>